$swiperHeight: 460px;
$swiperWidth: 100vw;
$borderRadius20: 20px;
$borderRadius10: 10px;
$defaultColor: #ffb72f;
$defaultFontSize: 26px;
$defaultMultipleFontSize: 6px;

.fade-in-top {
  height: 0;
  transition: height 0.25s linear;
  -moz-transition: height 0.25s linear;
  /* Firefox 4 */
  -webkit-transition: height 0.25s linear;
  /* Safari and Chrome */
  -o-transition: height 0.25s linear;
  /* Opera */
  overflow: hidden;
}

.slide-out-top {
  // 展开
  max-height: $swiperHeight; // 尽可能大 不过满足最大高度即可
  height: $swiperHeight;
  transition: height 0.25s linear;
  -moz-transition: height 0.25s linear;
  /* Firefox 4 */
  -webkit-transition: height 0.25s linear;
  /* Safari and Chrome */
  -o-transition: height 0.25s linear;
}

/*门店名称和服务*/
.shop-info {
  position: relative;
  //min-height: 108px;
  max-height: $swiperHeight; // 尽可能大 不过满足最大高度即可
  height: $swiperHeight;
}
.shop-banner {
  //margin-top: 20px;
  position: relative;
  .swiper {
    width: $swiperWidth;
    height: $swiperHeight;
    border-radius: $borderRadius20;
  }
  .slide-image {
    width: $swiperWidth;
    height: $swiperHeight;
  }
  .swiper-indector {
    position: absolute;
    bottom: 22px;
    right: 32px;
    width: 80px;
    height: 40px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    .indector-title {
      font-size: 24px;
      font-family: SourceHanSansSC-Regular;
      font-weight: 400;
      color: rgba(255, 255, 255, 1);
    }
  }

  .scroll-view {
    white-space: nowrap;
  }

  .header-item {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    .choose-is-card {
      width: 750px;
      height: 430px;
      //border-radius: $borderRadius20;
    }
  }
}
